<div class="container-fluid" style="margin: 0px 15px 0px 15px;">
<ol class="breadcrumb">
  <li><a href="<?php echo base_url('/index.php/inicio');?>">Início</a></li>
  <li><a href="<?php echo base_url('index.php/ramais/novo');?>">Ramal</a></li>
  <li class="active">Consulta</li>
</ol>
	<fieldset>
			<legend>Consulta Ramais</legend>
			<table id="example" class="display responsive nowrap" cellspacing="0" width="100%">
			<thead>
				<tr>
					<th >Ramal</th>
					<th>Local</th>
					<th>Setor</th>
					<th>Oculto</th>
					<th>Editar</th>
					<th>Excluir</th>
				</tr>
			</thead>
			<tbody>

			</tbody>
		</table>
	</div>
	</fieldset>
	<script type="text/javascript">
	$(document).ready(function(){
			$('#example').DataTable({
				"processing": true,
				"serverSide": true,
				"ajax": {
					"url": "<?php echo base_url('index.php/ramais/consultaRamaisJson'); ?>"
				},
				"order": [[ 1, "asc" ]],
				"language": {
					"url": "<?php echo base_url('includes/js/Portuguese-Brasil.json'); ?>"
				},
				 "pagingType": "simple"
			});
	});
	</script>
	</body>
</html>
